﻿<!DOCTYPE html>
<html lang="zh-cn" data-name="泰信汽车订单详细" data-qqkey="" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>预约详细</title>
    <meta name="format-detection" content="telephone=no, address=no">
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-touch-fullscreen" content="yes"/>
    <meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
    <meta name="keywords" content=""/>
    <meta name="description" content=""/>
    <link rel="shortcut icon" href="/static/copy/picture/atxx1bundbvtx1vbdvtbbtb2zvcbbb.jpg"/>
    <link rel="stylesheet" href="/static/copy/css/weui.css"/>
    <link rel="stylesheet" href="/static/copy/css/weui.min.css">
    <link rel="stylesheet" href="/static/copy/css/dayu.css"/>
    <script type="text/javascript" src="/static/copy/js/font_847198_ex5ae4gllv9.js"></script>
    <script src="/static/copy/js/jquery-weui.min.js"></script>
    <script type="text/javascript" src="/static/copy/js/jweixin-1.4.0.js"></script>
    <script type="text/javascript">
        if (navigator.appName == 'Microsoft Internet Explorer') {
            if (navigator.userAgent.indexOf("MSIE 5.0") > 0 || navigator.userAgent.indexOf("MSIE 6.0") > 0 || navigator.userAgent.indexOf("MSIE 7.0") > 0) {
                alert('您使用的 IE 浏览器版本过低, 推荐使用 Chrome 浏览器或 IE8 及以上版本浏览器.');
            }
        }
        window.sysinfo = {
            'uniacid': '17',
            'acid': '17',
            'openid': '851',
            'siteroot': 'http://888.huipin.co/',
            'siteurl': 'http://888.huipin.co/app/index.php?i=17&c=entry&op=detail&id=19&reid=1&sid=0&do=detail&m=dayu_yuyuepay',
            'attachurl': 'http://888.huipin.co/attachment/',
            'attachurl_local': 'http://888.huipin.co/attachment/',
            'MODULE_URL': 'http://888.huipin.co/addons/dayu_yuyuepay/',
            'cookie': {'pre': '03ad_'}
        };

        // jssdk config 对象
        jssdkconfig = null || {};

        // 是否启用调试
        jssdkconfig.debug = false;

        jssdkconfig.jsApiList = [
            'checkJsApi',
            'onMenuShareTimeline',
            'onMenuShareAppMessage',
            'onMenuShareQQ',
            'onMenuShareWeibo',
            'hideMenuItems',
            'showMenuItems',
            'hideAllNonBaseMenuItem',
            'showAllNonBaseMenuItem',
            'translateVoice',
            'startRecord',
            'stopRecord',
            'onRecordEnd',
            'playVoice',
            'pauseVoice',
            'stopVoice',
            'uploadVoice',
            'downloadVoice',
            'chooseImage',
            'previewImage',
            'uploadImage',
            'downloadImage',
            'getNetworkType',
            'openLocation',
            'getLocation',
            'hideOptionMenu',
            'showOptionMenu',
            'closeWindow',
            'scanQRCode',
            'chooseWXPay',
            'openProductSpecificView',
            'addCard',
            'chooseCard',
            'openCard'
        ];

    </script>
    <script type="text/javascript">
        function _removeHTMLTag(str) {
            if (typeof str == 'string') {
                str = str.replace(/<script[^>]*?>[\s\S]*?<\/script>/g, '');
                str = str.replace(/<style[^>]*?>[\s\S]*?<\/style>/g, '');
                str = str.replace(/<\/?[^>]*>/g, '');
                str = str.replace(/\s+/g, '');
                str = str.replace(/&nbsp;/ig, '');
            }
            return str;
        }
    </script>
</head>
<body id="message" ontouchstart>
<div class="weui_tab" id="tab">
    <script src="/static/copy/js/iscroll.js"></script>
    <script src="/static/copy/js/qrcode.js"></script>
    <script type="text/javascript" src="/static/copy/js/picker.js"></script>
    <script type="text/javascript" src="/static/copy/js/select.js"></script>
    <script>
        $(function () {
            $('#tab').tab({defaultIndex: 0, activeClass: "tab-green"});
        });
    </script>
    <style>
        body {
            background-color: #f0f0f0;
            font-weight: 300;
        }

        a {
            color: #666
        }

        .weui-form-preview::after {
            border-bottom: 0px solid #d9d9d9;
        }

        .weui-form-preview-value {
            color: #333;
        }

        .weui-form-preview-label {
            color: #666;
        }

        .weui-pay-area {
            margin-bottom: 7px;
            border-top: 0 dashed #DEDEDE;
            border-bottom: 0.0625rem dashed #DEDEDE;
        }

        .placeholder {
            background-color: transparent;
            color: #333;
            height: 30px;
            line-height: 40px;
        }

        .weui_navbar {
            line-height: 20px;
        }

        .weui_cells {
            margin-top: 0;
        }

        .weui_media_box.weui_media_text .weui_media_info {
            margin-top: 0px;
        }

        .weui_tabbar_icon {
            height: 24px;
        }

        .weui_bar_item_on .weui_tabbar_icon i {
            color: #09BB07;
        }

        .weui_cell_bd i {
            color: #666;
        }

        .dayu_cells {
            overflow: hidden;
            position: relative;
        }

        .sticky-fixed {
            width: 100%;
            position: fixed;
            bottom: 0;
            z-index: 9998;
        }

        .weui_cell_ft {
            margin-left: 10px;
            font-size: 14px;
        }

        .weui_cell_bd {
            font-size: 16px;
        }

        .weui_cells_title {
            margin-top: 10px;
        }

        .weui_actionsheet {
            background-color: transparent;
        }

        .weui_actionsheet_action, .weui_actionsheet_menu {
            width: 96%;
            border-radius: 5px;
            margin: 0 auto;
        }

        .weui_actionsheet_action {
            margin: 10px auto;
        }

        #actionSheet_wrap, #weui_actionsheet {
            z-index: 99999;
        }
    </style>
    <div class="weui_navbar" style="height:45px;">
        <div class="weui_navbar_item">
            预约详情
        </div>
        <div class="weui_navbar_item tcenter">
            订单状态
        </div>
    </div>
    <div class="weui_tab_bd" style="margin-bottom:45px;">
        <!--		<a href="./index.php?i=17&c=entry&do=index&m=dayu_yuyuepay"><svg class="icon f-white" aria-hidden="true"><use xlink:href="#icon-home"></use></svg></a>-->
        <div class="weui_tab_bd_item">
            <div class="" style="position:relative;margin-top:-10px;height:17em;">
                <div class="weui_panel" style="background-color:#f0f0f0;">
                    <div class="weui-img-box" style="height:9rem;overflow:hidden;">
                        <div class="m-img">
                            <img src="/static/copy/picture/bg-details.jpg" class="img-max" style="width:100%;">
                        </div>
                    </div>
                    <span class="weui_btn f14 weui_btn_mini weui_btn_default"
                          style="position:absolute;top:20px;left:20px;"
                          th:text="${details.process==0?'待受理':(details.process==1?'受理中':(details.process==2?'已取消':(details.process==3?'已完成':'异常')))}"></span>
                </div>
                <div class="weui_panel radius-md" style="position:absolute;top:3rem;left:4%;width:92%;height:215px;">
                    <div class="weui_panel_bd" id="comment">
                        <div class="weui_media_box weui_media_appmsg">
                            <div class="weui_media_bd">
                                <h4 class="weui_media_title">
                                    <svg class="icon" aria-hidden="true">
                                        <use xlink:href="#icon-member1"></use>
                                    </svg>
                                    <span th:text="${details.realname}"></span>
                                     <label th:text="${details.mobile}"></label>
                                </h4>
                            </div>
                        </div>
                    </div>
                    <div class="weui-form-preview">
                        <div class="weui-form-preview-bd">
                            <p>
                                <label class="weui-form-preview-label">
                                    <svg class="icon" aria-hidden="true">
                                        <use xlink:href="#icon-jihuajindu"></use>
                                    </svg>
                                    预约时间</label>
                                <span class="weui-form-preview-value" th:text="${details.restime}"></span>
                            </p>
                            <p>
                                <label class="weui-form-preview-label">
                                    <svg class="icon" aria-hidden="true">
                                        <use xlink:href="#icon-xinzeng"></use>
                                    </svg>
                                    服务项目</label>
                                <span class="weui-form-preview-value" th:text="${details.serverName}"></span>
                            </p>
                            <p>
                                <label class="weui-form-preview-label">
                                    <svg class="icon" aria-hidden="true">
                                        <use xlink:href="#icon-jihua"></use>
                                    </svg>
                                    订单编号</label>
                                <span class="weui-form-preview-value -wrap ell" th:text="${details.id}"></span>
                            </p>
                            <p>
                                <label class="weui-form-preview-label">
                                    <svg class="icon" aria-hidden="true">
                                        <use xlink:href="#icon-chulizhong"></use>
                                    </svg>
                                    下单时间</label>
                                <span class="weui-form-preview-value" th:text="${#dates.format(details.createDate, 'yyyy-MM-dd HH:mm:ss')}"></span>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="weui_opr_area" style="margin:20px 0;" th:if="${details.paystatus==2}">
                <p class="weui_btn_area">
                    <span class="weui_btn weui_btn_disabled weui_btn_default"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-close"></use></svg> 超时未付款，此订单已失效</span>
                </p>
            </div>

            <div class="weui_opr_area" style="margin:20px 0;" th:if="${details.paystatus==0}">
                <p class="weui_btn_area">
                    <a href="/yuyue/pay"
                       class="weui_btn weui_btn_primary">现在去付款</a>
                </p>
            </div>
            <!--
            <div class="weui_panel weui_cells_form">
                        <div class="weui_cell">
                                <div class="weui_cell_hd"><label class="weui_label">车辆类型</label></div>
                    <div class="weui_cell_bd weui_cell_primary">
                        普通车辆			</div>
                            </div>
                    </div>
            -->
            <ul class="weui-payrec" style="margin-top:10px;">
                <div class="weui-pay-m">
                    <div class="weui-pay-area">
                        <div class="weui-pay-c f18 f-orange">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-renminbi"></use>
                            </svg>
                            <span th:text="${details.price}"></span>
                        </div>
                        <div class="weui-pay-v f18" th:text="${details.paystatus==1}?'已付款':'未付款'"></div>
                    </div>
                    <li class="weui-pay-order" style="padding-top:0px;">
                        <dl class="weui-pay-line">
                            <dt class="weui-pay-label">车辆类型</dt>
                            <dd class="weui-pay-e" th:text="${details.carType}">
                            </dd>
                        </dl>
                    </li>
                </div>
            </ul>
        </div>
        <div class="weui_tab_bd_item">
            <style>
                .weui-comment {
                    margin: 0 auto;
                    width: 90%;
                }

                .weui-comment-item .avatar {
                    background-color: #fff;
                    position: absolute;
                }

                .weui-comment-item {
                    margin-top: 0px;
                }
            </style>
            <div class="weui_cells weui_cells_access">
                <div class="weui_cell" style="line-height:12px;">
                    <div class="weui_cell_hd">
                        <svg class="icon f20 f-orange" aria-hidden="true">
                            <use xlink:href="#icon-xinzeng"></use>
                        </svg>
                    </div>
                    <div class="weui_cell_bd weui_cell_primary">
                        <label class="f14">当前状态</label>
                    </div>
                    <div class="">
                        <span class="weui_btn f12 weui_btn_mini weui_btn_default"
                              th:text="${details.process==0?'待受理':(details.process==1?'受理中':(details.process==2?'已取消':(details.process==3?'已完成':'异常')))}"></span>
                    </div>
                </div>
            </div>
            <div class="weui_panel weui_cells_access comments" style="margin-top:-1px;background-color:#fbf9ff;">
                <div class="comments_content">
                </div>
            </div>
        </div>
    </div>
    <div id="actionSheet_wrap">
        <div class="weui_mask_transition" id="mask"></div>
        <div class="weui_actionsheet" id="weui_actionsheet">
            <div class="weui_actionsheet_menu">
                <div class="weui_actionsheet_cell">核销二维码 请出示给工作人员</div>
                <div class="weui_actionsheet_cell">
                    <div id="qrcodeCanvas"></div>
                </div>
            </div>
            <div class="weui_actionsheet_action">
                <div class="weui_actionsheet_cell" id="actionsheet_cancel">取消</div>
            </div>
        </div>
    </div>
    <div id="popup" class="weui-popup-container" style="z-index:999;">
        <div class="weui-popup-modal">
        </div>
    </div>
    <script type="text/javascript">
        function operate(obj, type) {
            var submitData = {
                weid: "17",
                cid: "0",
                reid: "1",
                infoid: "19",
                addons: 'dayu_yuyuepay'
            };
            var ActionUrl = "http://888.huipin.co/app/index.php?i=17&c=entry&do=AjaxGet&m=dayu_comment";
            $.post(ActionUrl, submitData, function (e) {
                if (e.message.hide == 1) {
                    $('.nickname').show();
                    $('.nickname').html(e.message.hidehtml);
                }
                if (e.message.pic == 1) {
                    $('.pics').show();
                }
            }, 'json');
        }

        $(document).ready(function () {
            var ActionUrl = "./index.php?i=17&c=entry&do=dayu_Delete&m=dayu_yuyuepay";
            $("#changeAjax").bind('click', function () {
                $.confirm("删除本记录，此操作不可恢复，确认删除？", "确认?", function () {
                    var submitData = {
                        id: "19",
                        reid: "1"
                    };
                    $.post(ActionUrl, submitData, function (data) {
                        if (data.status == 1) {
                            $.toast(data.message);
                            setTimeout('window.location.href=location.href', 1000);
                            return;
                        } else {
                            $.toast(data.message);
                        }
                    }, "json")
                }, function () {
                    //取消操作
                });
            });
        });
        $(document).ready(function () {
            var ActionUrl = "./index.php?i=17&c=entry&do=changeAjax&m=dayu_yuyuepay";
            $("#cancel").bind('click', function () {
                $.confirm("确定要取消此订单吗？", "确认?", function () {
                    var submitData = {
                        id: "19",
                        reid: "1",
                        status: "9"
                    };
                    $.post(ActionUrl, submitData, function (data) {
                        if (data.status == 1) {
                            $.toast(data.message);
                            setTimeout('window.location.href=location.href', 1000);
                            return;
                        } else {
                            $.toast(data.message);
                        }
                    }, "json")
                }, function () {
                    //取消操作
                });
            });
        });
        $("#sa").click(function () {
            var mask = $('#mask');
            var weuiActionsheet = $('#weui_actionsheet');
            weuiActionsheet.addClass('weui_actionsheet_toggle');
            mask.show().addClass('weui_fade_toggle').one('click', function () {
                hideActionSheet(weuiActionsheet, mask);
            });
            $('#actionsheet_cancel').one('click', function () {
                hideActionSheet(weuiActionsheet, mask);
            });
            weuiActionsheet.unbind('transitionend').unbind('webkitTransitionEnd');

            function hideActionSheet(weuiActionsheet, mask) {
                weuiActionsheet.removeClass('weui_actionsheet_toggle');
                mask.removeClass('weui_fade_toggle');
                weuiActionsheet.on('transitionend', function () {
                    mask.hide();
                }).on('webkitTransitionEnd', function () {
                    mask.hide();
                })
            }
        });
        var qrnode = new AraleQRCode({
            render: 'canvas',
            correctLevel: 3,
            text: 'http://888.huipin.co/app/./index.php?i=17&c=entry&reid=1&id=19&do=manage_detail&m=dayu_yuyuepay',
            size: 200,
            background: '#eeeeee',
            foreground: '#667766',
            pdground: '#00aaee',
            image: 'http://888.huipin.co/attachment/headimg_17.jpg',
            imageSize: 50
        });
        document.getElementById('qrcodeCanvas').appendChild(qrnode);

        function Location(id) {
            wx.getLocation({
                success: function (res) {
                    var latitude = res.latitude;
                    var longitude = res.longitude;
                    var url = "./index.php?i=17&c=entry&do=LocateStore&m=dayu_yuyuepay";
                    $.post(url, {'id': id}, function (dat) {
                        var dat = eval("(" + dat + ")");
                        //			$.toast('354', "success");
                        lat = parseFloat(dat.lat);
                        lng = parseFloat(dat.lng);
                        address = dat.address + ' 电话:' + dat.mobile
                        wx.openLocation({
                            latitude: lat,
                            longitude: lng,
                            name: dat.name,
                            address: address,
                            scale: 15,
                            infoUrl: 'http://weixin.qq.com'
                        });
                    });
                }
            });
        }

        function show(obj, id) {
            var pic = document.getElementById(id).src;
//	$("#"+id+" img").each(function() {   
//		var pic+=$(this).attr("src");
//	});
            wx.previewImage({
                current: pic,
                urls: [pic]
            });
        }
    </script>
    <div class="tab-bottom">
        <div class="weui_tabbar" style="z-index:100">
            <a href="/yuyue/inletMain" class="weui_tabbar_item weui_bar_item_on">
                <div class="weui_tabbar_icon">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-homepage"></use>
                    </svg>
                </div>
                <p class="weui_tabbar_label">首页</p>
            </a>
            <a href="/yuyue/userInfo" class="weui_tabbar_item ">
                <div class="weui_tabbar_icon">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-member"></use>
                    </svg>
                </div>
                <p class="weui_tabbar_label">我的</p>
            </a>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(function () {
        wx.config(jssdkconfig);
        document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
            wx.hideOptionMenu();
        });
    });

    function tomedia(src) {
        if (typeof src != 'string')
            return '';
        if (src.indexOf('http://') == 0 || src.indexOf('https://') == 0) {
            return src;
        } else if (src.indexOf('../addons') == 0 || src.indexOf('../attachment') == 0) {
            src = src.substr(3);
            return window.sysinfo.siteroot + src;
        } else if (src.indexOf('./resource') == 0) {
            src = src.substr(2);
            return window.sysinfo.siteroot + 'app/' + src;
        } else if (src.indexOf('images/') == 0) {
            return window.sysinfo.attachurl + src;
        }
    }
</script>
</body>
</html>
